<template>
    <div class="main">
      <router-view  v-slot="{ Component,route  }">
      <transition
        leave-active-class="opacityOut"
        enter-active-class="opacityIn"
        mode="out-in"
        appear
      >
        <keep-alive v-if="route.meta.keepAlive">
          <component  :is="Component"/>
        </keep-alive>
        <component v-else :is="Component"/>
      </transition>
      </router-view>
      <Tabar/>
    </div>
</template>

<script>
import  Tabar from "@com/tabar/index.vue"
import {useRoute} from "vue-router"
export default {
    setup(){
    

    },
    components:{
      Tabar
    }
}
</script>

<style lang="scss">

</style>